.processCard {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);

  .steps {
    margin: 32px 0;
    padding: 0 48px;

    :global {
      .ant-steps-item-title {
        font-size: 16px;
        font-weight: 500;
      }

      .ant-steps-item-description {
        font-size: 14px;
        color: rgba(0, 0, 0, 0.45);
      }

      .ant-steps-item-icon {
        width: 32px;
        height: 32px;
        line-height: 32px;
        font-size: 16px;
      }
    }
  }

  .timeline {
    margin-top: 48px;
    padding: 0 48px;

    .timelineItem {
      padding: 16px;
      background: #fafafa;
      border-radius: 8px;
      margin-bottom: 8px;

      .timelineHeader {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 8px;

        span {
          font-size: 16px;
          font-weight: 500;
          color: rgba(0, 0, 0, 0.85);
        }
      }

      p {
        margin: 8px 0;
        color: rgba(0, 0, 0, 0.65);
      }

      .time {
        font-size: 12px;
        color: rgba(0, 0, 0, 0.45);
      }
    }
  }
} 